<template>
  <div class="page maintenceReport-page" data-page="maintenceReport" style="z-index: 2;">
    <div class="link-page-nav">
        <a href="#" class="link back">
            <i class="iconfont icon-zuo"></i>
        </a>
    </div>
    <div class="link-page-top">
        <div class="link-page-title">维保报告
           <a style="float: right;" href="#" @click="shareReport">
            <i class="iconfont icon-fenxiang-" style="font-size: 24px;"></i></a>
        </div>
    </div>
    <div class="page-content pdbottom120" style="pointer-events: none;">
        <iframe id="maintenceReportIframe" src="" style="width: 100%; height: 100%; border: none;"></iframe>
    </div>
  </div>
</template>

<script>
  return {
      data: function () {
          return {
              maintenceId:this.$route.params.id,
              orgName:this.$route.params.orgName,
              dateTime:this.$route.params.dateTime
          }
      },
      methods: {
        shareReport: function () {
          var self = this;
          var url = staticPath + "pages/apply/maintenceReport/temp/temp-one.html?id="+self.maintenceId;
          native.shareReport(decodeURIComponent(url),self.orgName,self.dateTime+"维保报告");
        },
      },
      on: {
        pageInit: function(e, page) {
            var self = this;
            $("#maintenceReportIframe").attr("src",staticPath + "pages/apply/maintenceReport/temp/temp-one.html?id="+self.maintenceId);
        },
        pageAfterIn: function(e, page) {
            var self = this;
        },
      }
  }
</script>
<style>

</style>
